<template>
  <div>
    <h-row>
      <div class="centered">
        <h-circle :percent="100" stroke-color="#298DFF" style="display: block">
          <h-icon name="right" size="90" style="color: #298DFF"></h-icon>
        </h-circle>
      </div>
      <div class="centered">
        <h1>充值成功!</h1>
      </div>
      <div class="centered">
        <h-button type="primary" @click="finish">完成</h-button>
      </div>
    </h-row>
  </div>
</template>

<script>
export default {
  name: "success",
  methods: {
    finish() {
      this.$store.commit("user/clear");
      this.$store.commit("components/incrementCurrentRecharge");
    },
  },
};
</script>

<style>
.centered {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5vh;
}
</style>